<%--
  Created by IntelliJ IDEA.
  User: Jia_ly
  Date: 2017/3/2
  Time: 10:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path;
    request.setAttribute("basePath", basePath);
%>
<%@ include file="../frame/head.jsp" %>
<script src="${basePath}/resources/investigation/js/grade/grade.js"></script>
<script src="${basePath}/resources/echarts/echarts.js"></script>
<html>
<head>
    <title>template</title>
</head>
<style>
    .holder {
        margin: 15px 0;
        float: right;
    }

    .holder a {
        font-size: 14px;
        cursor: pointer;
        color: #428bca;
        position: relative;
        padding: 8px 12px;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
        border-right: none;
    }

    .holder a:hover {
        color: #2a6496;
        background-color: #eee;
    }

    .holder a.jp-next {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-right: 1px solid #ddd;
    }

    .holder a.jp-current, a.jp-current:hover {
        color: #FF4242;
        font-weight: bold;
    }

    .holder a.jp-disabled, a.jp-disabled:hover {
        color: #bbb;

    }

    .holder a.jp-current, a.jp-current:hover,
    .holder a.jp-disabled, a.jp-disabled:hover {
        cursor: default;
        background: none;
    }

    .holder span {
        margin: 0 5px;
    }
</style>
<body>
<%--<script>
    var fields2 = [${fields2}]
    var grades2 = [${grade}]
</script>--%>
<section>
    <%@include file="../frame/top.jsp" %>
    <section class="boxMain">
        <section class="hbox stretch">
            <%@include file="../frame/aside.jsp" %>
            <div style="margin-left: 15px;margin-right: 15px;">
                <header>
                    <h3 style="color: #0b6cbc;text-align: center">学生成绩</h3>
                </header>
                <hr>
                <table class="title-table">
                    <tr>
                        <td>
                            <select id="kindId2" class="form-control">
                                <option value="0">考试科目(全部)</option>
                            </select>
                        </td>
                        <td>
                            <select id="starttime2" class="form-control">
                                <option value="0">考试时间(全部)</option>
                            </select>
                        </td>
                        <td>
                            <button type="button" onclick="search2()" class="btn btn-success">搜索</button>
                        </td>
                    </tr>
                </table>
                <div id="gradeStatistic" style="width: 1100px;height:200px;"></div><br>
                <div>
                    <table class="title-table">
                        <tr>
                            <td>
                                <input id="studentname" type="text" class="form-control" placeholder="学生姓名">
                            </td>
                            <td>
                                <select id="kindId" class="form-control">
                                    <option value="0">科目类别(全部)</option>
                                    <%--科目填充--%>
                                </select>
                            </td>
                            <td>
                                <select id="rankId" class="form-control">
                                    <option value="0">等级(全部)</option>
                                    <%--等级填充--%>
                                </select>
                            </td>
                            <td>
                                <select id="starttime" class="form-control">
                                    <option value="0">考试时间(全部)</option>
                                    <%--时间填充--%>
                                </select>
                            </td>
                            <td>
                                <button type="button" onclick="search()" class="btn btn-success">搜索</button>
                            </td>
                        </tr>
                    </table>
                </div>
                <br>
                <div id="list-content" class="">
                    <table class="table table-bordered">
                        <thead>
                        <tr class="success">
                            <td>序号</td>
                            <td>学生姓名</td>
                            <td>科目名称</td>
                            <td>学生成绩</td>
                            <td>等级判定</td>
                            <td>交卷时间</td>
                        </tr>
                        </thead>
                        <thead id="tablist">
                        <%--表格数据填充--%>
                        </thead>
                    </table>
                </div>
            </div>
            <div id="page" class="holder"></div>
        </section>
    </section>
</section>
</body>
</html>
